<template>
  <div>
    <van-nav-bar :title=title left-arrow @click-left="clickLeft()" @click-right="clickRight()">
      <template #left>
        <van-icon name="arrow-left" size="25" />
      </template>
      <template #right>
        <van-icon name="search" size="20" />
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  name: "ComInforHeader",
  props: {
    title: String
  },
  methods: {
    clickLeft() {
      this.$router.push("/person")
    },
    clickRight() {
      console.log("search")
    }
  }

}
</script>

<style scoped>

</style>